<template>
  <div class="footer">
    <div class="block"></div>
    <div class="wrap">
      <div class="help clearfix">
        <dl class="fore1">
          <dt>购物指南</dt>
          <dd>购物流程</dd>
          <dd>会员介绍</dd>
          <dd>生活旅行/团购</dd>
          <dd>常见问题</dd>
          <dd>大家电</dd>
          <dd>联系客服</dd>
        </dl>
        <dl class="fore2">
          <dt>配送方式</dt>
          <dd>上门自提</dd>
          <dd>211限时达</dd>
          <dd>配送服务查询</dd>
          <dd>配送费收取标准</dd>
          <dd>海外配送</dd>
        </dl>
        <dl class="fore3">
          <dt>支付方式</dt>
          <dd>货到付款</dd>
          <dd>在线支付</dd>
          <dd>分期付款</dd>
          <dd>公司转账</dd>
        </dl>
        <dl class="fore4">
          <dt>售后服务</dt>
          <dd>售后政策</dd>
          <dd>价格保护</dd>
          <dd>退款说明</dd>
          <dd>返修/退换货</dd>
          <dd>取消订单</dd>
        </dl>
        <dl class="fore5">
          <dt>特色服务</dt>
          <dd>夺宝岛</dd>
          <dd>DIY装机</dd>
          <dd>延保服务</dd>
          <dd>开心E卡</dd>
          <dd>开心通信</dd>
          <dd>开心智能</dd>
        </dl>
      </div>
    </div>
  </div>
</template>
<script>
export default {};
</script>
<style scoped>
.footer {
  width: 100%;
  background-color: #eaeaea;
}
.block {
  height: 50px;
}
.footer .wrap {
  border-top: 1px solid #dedede;
  width: 1190px;
}
.help {
  margin-top: 20px;
}
dl {
  float: left;
  width: 13%;
  margin-left: 80px;
}
dt {
  padding-bottom: 6px;
  font-weight: 700;
  font-size: 14px;
  color: #777;
  height: 22px;
}
dd {
  font-size: 12px;
  color: #666;
  height: 22px;
  overflow: hidden;
}
dd:hover {
  color: #f30213;
  cursor: pointer;
}
</style>